<template>
  <div class="m_footer">
    <div class="shortcut">
      <van-button to="/login" hairline plain tag="a" class="item">登录</van-button>
      <van-button to="/register" hairline plain tag="a" class="item">注册</van-button>
      <van-button hairline plain tag="a" class="item" to='/category' @click="handleCLick">
        <i class="iconfont icon-shouye"></i>
        返回顶部
      </van-button>
    </div>
    <article class="app_donwload">
      <p class="down">
        <span class="txt">手机APP下载</span>
        慢慢买手机版 --
        <span class="desc">掌上比价平台</span>
      </p>
      <p class="url">
          <a href="/layout">m.manmanbuy.com</a>
      </p>
    </article>
  </div>
</template>

<script>
export default {
  name: 'MFooter',
  methods: {
    handleCLick() {
      this.$toast('路由触发返回顶部')
    }
  }
}
</script>
<style scoped lang='stylus'>
.m_footer
  display flex
  flex-direction column
  .shortcut
    display flex
    .item
      flex 1
  .app_donwload
    text-align center
    font-size 0.28rem
    .down
      line-height .6rem
      .txt
        color red
      .desc
        color #726761
    .url

      text-decoration underline
      a
        color #666
</style>
